<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>高级定制</title>
	<meta name="keywords" content="堇云定制、宝石" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
	<meta name="apple-mobile-web-app-title" content="堇云定制" />
	<meta content="telephone=no" name="format-detection" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
  <link rel="stylesheet" href="../res/css/main.css">
</head>
    
<body>
     <!--Star header-->
     <div id="header">
          <!--Star top-->
          <div class="t">
               <div class="wraper">
                    <a href="#"><i class="g-icon-fav"></i>收藏我们</a>
                    <span class="fr">
                          <a href="#" class="mr60"><i class="g-icon-map"></i>找到我们</a>
                          <a href="#" class="mr60"><i class="g-icon-contact"></i>联系我们</a>
                          <a href="#"><i class="g-icon-about"></i>关于我们</a>
                    </span>
               </div>
          </div>

          <!--Star logo-->
          <div class="wraper m tc"><a href="#" class="g-icon-logo"></a></div>

          <!--Star nav-->
          <div class="wraper">
               <ul class="nav clearfix">
                   <!--Star tel-->
                   <span class="fr fn12"><i class="g-icon-tel"></i>&nbsp;400－821－8870</span>
                   <li class="g-drop">
                       <span class="drop-focus"><i class="g-icon-buy"></i>购买<em class="g-icon-arrow ml5"></em></span>
                       <!--Star 下拉Box-->
                       <div class="drop-bd">
                            <i class="g-icon-gray-arrow"></i>
                            <div class="qr-item">
                                  <div class="qr-bd">
                                       <img src="../res/img/qr-code.png" class="fr" alt="">
                                       <p class="qr-txt"><i class="g-icon-weixin"></i><br>去微店购买</p>
                                  </div>
                            </div>

                            <div class="qr-item">
                                  <div class="qr-bd">
                                       <img src="../res/img/qr-code.png" class="fr" alt="">
                                       <p class="qr-txt"><i class="g-icon-taobao"></i><br>手机淘宝购买</p>
                                  </div>
                            </div>
                       </div>
                   </li>
                   <li><a href="#"><i class="g-icon-cat"></i>喵主子</a></li>
                   <li><a href="#"><i class="g-icon-ps"></i>潮流配饰</a></li>
                   <li class="g-drop current">
                       <span class="drop-focus"><i class="g-icon-dz"></i>高级定制<em class="g-icon-arrow ml5"></em></span>
                       <!--Star 下拉Box-->
                       <div class="drop-bd">
                            <i class="g-icon-gray-arrow"></i>
                            <p class="drop-list">
                               <a href="#">钻石</a>
                               <a href="#"><a href="#">祖母绿</a>
                               <a href="#">蓝宝</a>
                               <a href="#">金绿石</a>
                            </p>
                       </div>
                   </li>
                   <li><a href="#"><i class="g-icon-live"></i>生活志</a></li>
               </ul>
          </div>
     </div>
     <!--End header-->

     <!--Star wraper-->
     <div class="wraper mt20">
          <div class="gems-mod">
               <h1>高级定制</h1>
               <h2>Advanced customization</h2>
               <h2 class="mt20">堇云定制汇集了珠宝设计精英，以精湛的镶嵌技术和严谨完美的创作哲学，尽显优雅绚丽的珠宝魅力。<br/>无设计，不奢华。让珠宝与你一同散发惊艳的气息，瞬间冻结万众，成为瞩目的焦点。</h2>
               <ul class="dz-steps">
                    <li>
                       <div class="txt">
                            <div class="img-step">
                                 <img src="http://dimg02.c-ctrip.com/images/fd/tg/g2/M07/46/B0/Cghzf1TxIJSAX_gAAAEHiZEJBaw048.jpg" alt="">
                            </div>
                            <div class="c-step overflow">
                                 <p class="g-color num">step 1</p>
                                 <p class="g-color">定制雏形</p>
                                 <p class="c-bd">定制者向设计师提出需求,<br>希望的款式，风格，材质.<br>告知佩戴场合，设计师会帮你综合考虑,<br>为你设计5款，供你选择.</p>
                            </div>
                            
                       </div>
                    </li>
                    <li class="dir-left">
                       <div class="txt">&nbsp;</div>
                       <div class="txt">
                            <div class="img-step">
                                 <img src="http://youimg1.c-ctrip.com/target/fd/tg/g2/M09/0E/7E/CghzgVUY5deAA6YhAACQnFaGZT8533.jpg" alt="">
                            </div>
                            <div class="c-step overflow">
                                 <p class="g-color num">step 2</p>
                                 <p class="g-color">选购宝石（来石定制，可直接前往第三步）</p>
                                 <p class="c-bd">根据自己的需求，或根据每种宝石的不同涵义，<br>选择自己的幸运宝石，<br>以及自己喜欢的宝石颜色及形状，<br>定制独一无二的珠宝首饰。<br>精美的宝石是堇云定制首饰作品中的焦点。</p>
                            </div>
                            
                       </div>
                    </li>
                    <li>
                       <div class="txt">
                            <div class="img-step">
                                 <img src="http://dimg02.c-ctrip.com/images/fd/tg/g2/M07/46/B0/Cghzf1TxIJSAX_gAAAEHiZEJBaw048.jpg" alt="">
                            </div>
                            <div class="c-step overflow">
                                 <p class="g-color num">step 3</p>
                                 <p class="g-color">选择适合的贵金属</p>
                                 <p class="c-bd">选择合适的材质也是至关重要的,<br>主要材质有银、18K金、铂金这3种材质,<br>每种材质分为白、黄、玫瑰色三种颜色,<br>根据自己的喜好，打造个性十足的定制珠宝。</p>
                            </div>
                            
                       </div>
                    </li>
                    <li class="dir-left">
                       <div class="txt">&nbsp;</div>
                       <div class="txt">
                            <div class="img-step">
                                 <img src="http://youimg1.c-ctrip.com/target/fd/tg/g2/M09/0E/7E/CghzgVUY5deAA6YhAACQnFaGZT8533.jpg" alt="">
                            </div>
                            <div class="c-step overflow">
                                 <p class="g-color num">step 4</p>
                                 <p class="g-color">个性刻字</p>
                                 <p class="c-bd">怎样才能体现独一无二？<br>当然是独一无二的设计加独一无二的个性刻字。<br>堇云定制提供免费刻字服务。<br>刻字内容要精炼哦，上限8个英文字符或4个汉字。</p>
                            </div>
                            
                       </div>
                    </li>
                    <li>
                       <div class="txt">
                            <div class="img-step">
                                 <img src="http://dimg02.c-ctrip.com/images/fd/tg/g2/M07/46/B0/Cghzf1TxIJSAX_gAAAEHiZEJBaw048.jpg" alt="">
                            </div>
                            <div class="c-step overflow">
                                 <p class="g-color num">step 5</p>
                                 <p class="g-color">完成个性首饰定制</p>
                                 <p class="c-bd">1-5步都确定后,<br>只需耐心等待30天左右,<br>就可收到专属你的个性珠宝首饰.</p>
                            </div>
                            
                       </div>
                    </li>
                    <li>
                       <div class="txt">
                            <div class="img-step ui--diy">
                                 定制<br>属于你的<br>珠宝<br>...
                            </div>
                            
                       </div>
                    </li>
                    <div class="line"></div>
               </ul>
              
          </div>
     </div>
     <!--End wraper-->
     

     <!--Star Footer-->
     <div id="footer">
           <!--Star top-->
           <div class="wraper ft-t pr">
                <i class="g-icon-jinacc"></i>
                <div class="email-reg">
                     <p><i class="g-icon-email"></i>您将会在第一时间收到，有关我们新品、特殊活动、新店开张等信息</p>
                     <div class="mt20"><input type="text" class="email-txt" placeholder="Enter your e-mail address"><button class="btn-reg ml15">注册</button></div>
                </div>
                <img src="../res/img/qr-attention.png" alt="" class="qr-attention">
           </div>

           <!--Star copyright-->
           <div class="ft-b">
                <div class="wraper pr">
                     <p class="blank">© Copyright 2014 FreebiesXpress.com<a href="#">公司介绍</a><a href="#">定制流程</a><a href="#">网站政策</a></p>
                     <i class="g-icon-goup"></i>
                     <div class="share-icon"><a href="#"><i class="share-icon-weixin"></i></a><a href="#"><i class="share-icon-weibo"></i></a><a href="#"><i class="share-icon-taobao"></i></a><a href="#"><i class="share-icon-douban"></i></a></div>
                 </div>
           </div>
     </div>
    

     <script type="text/javascript" src="../res/js/jquery-1.8.3.min.js" ></script>
     <script type="text/javascript" src="../res/js/ui.base.js" ></script>

</body>
</html>